.root {
  &>div {
    &:hover {
      background: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-6));
      cursor: pointer;
    }

    &:not(:last-child) {
      border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
    }
  }
}

.active {
  background: light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
}
